<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../font/css/all.css">
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <div class="nav-wrapper">
        <div class="nav-content w">
            <div class="nav-link">
                <a href="#">小米商城</a> <span class="line">|</span>
                <a href="#">MIUI</a> <span class="line">|</span>
                <a href="#">loT</a> <span class="line">|</span>
                <a href="#">云服务</a> <span class="line">|</span>
                <a href="#">金融</a> <span class="line">|</span>
                <a href="#">有品</a> <span class="line">|</span>
                <a href="#">小爱开放平台</a> <span class="line">|</span>
                <a href="#">企业团购</a><span class="line">|</span>
                <a href="#">资质证照</a><span class="line">|</span>
                <a href="#">协议规则</a><span class="line">|</span>
                <a href="#" class="download">下载app
                    <i class="arrow"></i>
                    <div class="qrcode">
                        <img src="../img/code.png" alt="">
                        <span>小米商城App</span>
                    </div>
                </a><span class="line">|</span>
                <a href="#">Select Region</a>
            </div>
            <div class="nav-cart" href="#">
                <a href="#">
                    <span class="fas fa-shopping-cart"></span>
                    购物车(0)
                </a>

                <div class="cart-info">
                    <span>购物车中没有产品，快选购吧！</span>
                </div>
            </div>
            <div class="nav-info">
                <a href="#">登录</a> <span class="line">|</span>
                <a href="#">注册</a> <span class="line">|</span>
                <a href="#">消息通知</a>
            </div>
        </div>
       

    </div>

    <div class="category-wrapper">
        <div class="category-content w">
            <a href="#" class="logo" title="小米官网">
                小米官网
            </a>

            <ul class="link">
                <li class="all">
                    <a href="#" class="hide ">全部商品分类</a>
                    <ul>
                        <li><a href="#">手机 电话卡</a></li>
                        <li><a href="#">电视 盒子</a></li>
                        <li><a href="#">笔记本 平板</a></li>
                        <li><a href="#">家电 拆线板</a></li>
                        <li><a href="#">出行 穿戴</a></li>
                        <li><a href="#">智能 路由器</a></li>
                        <li><a href="#">电源 配件</a></li>
                        <li><a href="#">健康 儿童</a></li>
                        <li><a href="#">耳机 音箱</a></li>
                        <li><a href="#">生活 箱包</a></li>
                    </ul>
                </li>
                <li class="show"><a href="#">小米手机</a></li>
                <li class="show"><a href="#">Redmi 红米</a></li>
                <li class="show"><a href="#">电视</a></li>
                <li class="show"><a href="#">笔记本</a></li>
                <li class="show"><a href="#">家电</a></li>
                <li class="show"><a href="#">路由器</a></li>
                <li class="show"><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            
                <div class="slide"></div>
            </ul>

            <div class="search">
                <form action="#">
                    <input type="text" name="keyword" id="search-area">
                    <button type="submit"><i class="fas fa-search"></i></button>
                </form>
                <div class="search-info">

                </div>
            </div>
        </div>

    </div>

    <div class="banner w">
        <ul>
            <li><a href="#"><img src="../img/banner/1.jpg" alt=""></a></li>
            <li><a href="#"><img src="../img/banner/2.jpg" alt=""></a></li>
            <li><a href="#"><img src="../img/banner/3.jpg" alt=""></a></li>
            <li><a href="#"><img src="../img/banner/4.jpg" alt=""></a></li>
            <li><a href="#"><img src="../img/banner/5.jpg" alt=""></a></li>
        </ul>
    </div>


    <script src="../js/lib/jquery-1.10.1.js"></script>
    <script src="../js/index.js"></script>
</body>
</html>